<template>
   <div>
        <!-- 轮播图 -->
        <mt-swipe :auto="4000" :class="{'full':isFull}">
            <mt-swipe-item></mt-swipe-item>
            <mt-swipe-item></mt-swipe-item>
            <mt-swipe-item></mt-swipe-item>
            <!-- <mt-swipe-item v-for= "item in lunbotuList" :key= "item.url">
                <img :src="item.img" alt="">
            </mt-swipe-item> -->
            
        </mt-swipe>
   </div>
</template>

<script>
export default {
    props:['lunbotuList' ,'isFull']
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height: 200px;
    .mint-swipe-item{
        text-align: center;
    &:nth-child(1){
       background: url('../../images/1.jpg') no-repeat center/cover;
    }
    &:nth-child(2){
        background: url('../../images/2.jpg') no-repeat center/cover;
    }
    &:nth-child(3){
        background: url('../../images/3.jpg') no-repeat center/cover;
    }

    img{
        // width: 100%;
        height: 100%;
    }
    .full{
        width: 100%
    }
}
}
</style>